<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <script src="http://192.168.1.6:3123/build/Cloud.js"></script>

    <style>
        .CLOUD-MAP{
            position: absolute;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
        }
    </style>
    <script>
        console.log(Cloud);
        function load() {
            let {CLMap,CLView,CLTileLayer,CLOSM,CLcontrol} = Cloud;
            let map = new CLMap({
                controls: CLcontrol.defaults({
                    zoom: false,
                    rotate: false,
                    attribution: false
                }).extend([
                    // new CLcontrol.FullScreen(),     // 全屏控件
                    // new CLcontrol.MousePosition(),     // 鼠标位置
                    // new CLcontrol.OverviewMap({}),
                    // new CLcontrol.ZoomSlider({  }),

                ]),
                view: new CLView({
                    center: [119.34095450080773, 28.207580551663552],
                    projection: "EPSG:4326",  //指定投影采用4326坐标系 119.91028, 28.40652
                    zoom: 9.8
                }),
                target: "CLOUDMAP",
                layers: [
                    new CLTileLayer({
                    source: new CLOSM(),
                    }),
                ],
            });
            
        }
        
    </script>
    <title>Document</title>
</head>
<body onload="load()">
    <div class="CLOUD-MAP" id="CLOUDMAP"></div>
</body>
</html>